<template>
	<div>
		<div class="wrap" v-for="item in dataArr">
			<div class="user">
				<img :src="item.img"/>
				{{item.phone}}
			</div>
			<div class="wares">
				<div class="xing" v-for="i in item.src">
					<img :src="i.tu"/>
				</div>
				<p>{{item.about}}</p>
				<div class="tu" v-for="k in item.pian">
					<img :src="k.x"/>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	export default{
		name:"Order",
		data(){
			return {
				dataArr:[
				{
					img:require("../../assets/image/user/3.png")	,
					phone:"158****0203",
					src:[{tu:require("../../assets/image/wujiaoxing.png")},{tu:require("../../assets/image/wujiaoxing.png")},{tu:require("../../assets/image/wujiaoxing.png")},{tu:require("../../assets/image/wujiaoxing.png")},{tu:require("../../assets/image/wujiaoxing.png")}],
					about:"帮同事买的,很不错,性价比很高",
					pian:[{x:require("../../assets/image/图层1.png")},{x:require("../../assets/image/图层1.png")},{x:require("../../assets/image/图层1.png")},{x:require("../../assets/image/图层1.png")}]
				},{
					img:require("../../assets/image/user/3.png")	,
					phone:"158****0203",
					src:[{tu:require("../../assets/image/wujiaoxing.png")},{tu:require("../../assets/image/wujiaoxing.png")},{tu:require("../../assets/image/wujiaoxing.png")},{tu:require("../../assets/image/wujiaoxing.png")},{tu:require("../../assets/image/wujiaoxing.png")}],
					about:"帮同事买的,很不错,性价比很高",
					pian:[{x:require("../../assets/image/图层1.png")},{x:require("../../assets/image/图层1.png")},{x:require("../../assets/image/图层1.png")},{x:require("../../assets/image/图层1.png")}]
				},
				{
					img:require("../../assets/image/user/3.png")	,
					phone:"158****0203",
					src:[{tu:require("../../assets/image/wujiaoxing.png")},{tu:require("../../assets/image/wujiaoxing.png")},{tu:require("../../assets/image/wujiaoxing.png")},{tu:require("../../assets/image/wujiaoxing.png")},{tu:require("../../assets/image/wujiaoxing.png")}],
					about:"帮同事买的,很不错,性价比很高",
					pian:[{x:require("../../assets/image/图层1.png")},{x:require("../../assets/image/图层1.png")},{x:require("../../assets/image/图层1.png")},{x:require("../../assets/image/图层1.png")}]
				},
				{
					img:require("../../assets/image/user/3.png")	,
					phone:"158****0203",
					src:[{tu:require("../../assets/image/wujiaoxing.png")},{tu:require("../../assets/image/wujiaoxing.png")},{tu:require("../../assets/image/wujiaoxing.png")},{tu:require("../../assets/image/wujiaoxing.png")},{tu:require("../../assets/image/wujiaoxing.png")}],
					about:"帮同事买的,很不错,性价比很高",
					pian:[{x:require("../../assets/image/图层1.png")},{x:require("../../assets/image/图层1.png")},{x:require("../../assets/image/图层1.png")},{x:require("../../assets/image/图层1.png")}]
				}]
			}
		}
	}
</script>

<style scoped>
	div,img,p{
		padding: 0;
		margin: 0;
	}
	.wrap{
		width: 1280px;
		margin: 30px auto;
		padding-bottom: 30px;
		border-bottom: solid lightgray 1px;
	}
	.user{
		display: inline-block;
		font-size: 15px;
		width: 90px;
	}
	.tu{
		display: inline-block;
	}
	.xing{
		display: inline-block;
	}
	.user img{
		width: 90px;
		height: 90px;
	}
	.wares{
		display: inline-block;
		margin-left: 50px;
	}
</style>